.mmm_header {
  height: 1.33333333rem;
  width: 100%;
  padding: 0.28rem 0.17333333rem 0 0.41333333rem;
  background-color: #FF841D;
}
.mmm_header .logo {
  float: left;
}
.mmm_header .logo img {
  display: block;
  width: 5.04rem;
  height: 0.72rem;
}
.mmm_header .app {
  float: right;
}
.mmm_header .app img {
  width: 0.98666667rem;
  height: 0.97333333rem;
}
.mmm_search {
  height: 1.33333333rem;
  padding: 0.26666667rem;
  background-color: #fff;
}
.mmm_search input {
  width: 7.6rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background-color: #F1F1F1;
  padding-left: 0.34666667rem;
  color: #333;
  font-size: 0.29333333rem;
  float: left;
  margin-right: 0.13333333rem;
}
.mmm_search button {
  width: 1.68rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  border: none;
  background-color: #FF841D;
  color: #fff;
  font-size: 0.37333333rem;
  float: right;
}
.mmm_nav {
  height: 0.96rem;
  line-height: 0.93333333rem;
  background-image: linear-gradient(to bottom, #ffffff, #ececec);
  font-size: 0.34666667rem;
  padding-left: 0.21333333rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mmm_brand .title {
  height: 0.96rem;
  line-height: 0.93333333rem;
  font-size: 0.34666667rem;
  padding-left: 0.2rem;
  color: #7A1E2D;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mmm_brand ul {
  background-color: #fff;
}
.mmm_brand ul li a {
  display: block;
  height: 1.73333333rem;
  padding: 0.26666667rem 0.13333333rem 0 0.26666667rem;
  border-bottom: 1px solid #ccc;
}
.mmm_brand ul li a .num {
  width: 0.53333333rem;
  height: 0.53333333rem;
  line-height: 0.53333333rem;
  background-color: #C9C9C9;
  float: left;
  margin-right: 0.26666667rem;
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
}
.mmm_brand ul li a .top1 {
  background-color: red;
}
.mmm_brand ul li a .top2 {
  background-color: orange;
}
.mmm_brand ul li a .top3 {
  background-color: #8ADF5B;
}
.mmm_brand ul li a .right {
  overflow: hidden;
  position: relative;
}
.mmm_brand ul li a .right p {
  font-size: 0.4rem;
  height: 0.70666667rem;
}
.mmm_brand ul li a .right .info {
  font-size: 0.32rem;
  color: #C9C9C9;
}
.mmm_brand ul li a .right span {
  font-size: 0.42666667rem;
  color: #9A9F9F;
  position: absolute;
  top: 0.4rem;
  right: 0;
}
.mmm_sale .title {
  height: 0.96rem;
  line-height: 0.93333333rem;
  font-size: 0.34666667rem;
  padding-left: 0.2rem;
  color: #7A1E2D;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mmm_sale ul {
  background-color: #fff;
}
.mmm_sale ul li a {
  display: block;
  height: 3.10666667rem;
  padding: 0.33333333rem 0.28rem 0 0.34666667rem;
  border-bottom: 1px solid #ccc;
}
.mmm_sale ul li a img {
  width: 2.53333333rem;
  float: left;
  margin-right: 0.26666667rem;
}
.mmm_sale ul li a .right {
  overflow: hidden;
}
.mmm_sale ul li a .right p {
  font-size: 0.4rem;
  line-height: 0.66666667rem;
}
.mmm_sale ul li a .right .price {
  font-size: 0.42666667rem;
  color: #FF841D;
}
.mmm_sale ul li a .right .info {
  margin-top: 0.26666667rem;
  font-size: 0.32rem;
  color: #A19BA9;
}
.mmm_sale ul li a .right .info .offer {
  float: left;
  margin-right: 0.26666667rem;
}
.mmm_coms .title {
  height: 0.96rem;
  line-height: 0.93333333rem;
  font-size: 0.34666667rem;
  padding-left: 0.2rem;
  color: #7A1E2D;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mmm_coms .item {
  background-color: #fff;
  padding-bottom: 0.33333333rem;
}
.mmm_coms .item ul {
  background-color: #fff;
}
.mmm_coms .item ul li a {
  display: block;
  height: 3.10666667rem;
  padding: 0.33333333rem 0.28rem 0 0.34666667rem;
}
.mmm_coms .item ul li a img {
  width: 2.53333333rem;
  float: left;
  margin-right: 0.26666667rem;
}
.mmm_coms .item ul li a .right {
  overflow: hidden;
}
.mmm_coms .item ul li a .right p {
  font-size: 0.34666667rem;
  line-height: 0.66666667rem;
  color: #837F88;
}
.mmm_coms .item .com {
  margin: 0 0.29333333rem;
  padding: 0.37333333rem 0.13333333rem 0.26666667rem;
  border: 1px solid #ccc;
  background-color: #F8F8F8;
  position: relative;
}
.mmm_coms .item .com .info {
  font-size: 0.32rem;
  height: 0.76rem;
}
.mmm_coms .item .com .info .name {
  float: left;
}
.mmm_coms .item .com .info .time {
  float: right;
}
.mmm_coms .item .com .content {
  font-size: 0.4rem;
  line-height: 0.58666667rem;
}
.mmm_coms .item .com .from {
  font-size: 0.32rem;
}
.mmm_coms .item .triangle {
  width: 0.32rem;
  height: 0.32rem;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: red;
  position: absolute;
  top: -0.18666667rem;
  left: 1.06666667rem;
  transform: rotate(45deg);
  background-color: #F8F8F8;
}
